 <template>
  <div class="home">
    <navBarTitleVue></navBarTitleVue>
    <div class="banner">
      <img src="@/assets/img/home/banner.webp" alt="">
    </div>
    <homeSearchBox></homeSearchBox>
  </div>
 </template>
 <script setup>
  import navBarTitleVue from './cpns/nav-bar-title.vue';
  import homeSearchBox from './cpns/home-search-box.vue'


 </script>
 <style lang="less" scoped>
 
.home {
  height: 100vh;
  overflow-y: auto;
  box-sizing: border-box;
  padding-bottom: 60px;
}

.banner {
  img {
    width: 100%;
  }
}

.search-bar {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  height: 45px;
  padding: 16px 16px 10px;
  background-color: #fff;
}
 </style>